<template>
	<view class="header">
		<view class="inner">
			<icon type="search" size="16" class="icon"></icon>
			<text class="search">
				搜索
			</text>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="less">
	.header {
		height: 100rpx;
		padding: 20rpx 16rpx;
		background-color: #eb4450;
		box-sizing: border-box;
	
		.inner {
			position: relative;
			// display: flex;
			// align-items: center;
			// justify-content: space-evenly;
			height: 60rpx;
			line-height: 60rpx;
			background-color: #fff;
			border-radius: 8rpx;
			text-align: center;
	
			.icon {
				position: absolute;
				left: 40%;
				top: 14rpx;
				margin-right: 10rpx;
			}
	
			.search {
				color: #bbb;
			}
	
		}
	}
	
</style>
